<script setup>
import { inject, onMounted, onUnmounted, ref } from "vue";
import { useFetch, useStorage, useTimeoutFn } from "@vueuse/core";
import QrcodeVue from "qrcode.vue";

const alert = inject("alert");
const index = inject("index");
const auth = useStorage("auth");
const item = ref({});
const size = ref(60);

const { isPending, start, stop } = useTimeoutFn(
    () => {
        x();
    },
    3000,
    { immediate: false },
);

onMounted(() => {
    if (auth.value === undefined) {
        index.value = 2;
        return;
    }

    submit();
});

const submit = async () => {
    const { error, data } = await useFetch(
        "/api/wechat/create?auth=" + auth.value,
    )
        .post()
        .json();

    if (error.value) {
        alert.submit(false, error.value);
        return;
    }

    if (data.value.status !== 200) {
        alert.submit(false, data.value.msg);
        return;
    }

    item.value = data.value.data;

    start();
};

const x = async () => {
    const { error, data } = await useFetch(
        "/api/wechat/status?trade_no=" + item.value.out_trade_no,
    );

    if (error.value) {
        alert.submit(false, error.value);
        return;
    }

    if (data.value.status !== 200) {
        return;
    }

    alert.submit(true, data.value.msg);
    useStorage("member").value = true;
    stop();
};
</script>

<template>
    <div class="w-full h-screen flex flex-row justify-center items-center">
        <div
            class="w-3/5 max-w-screen-sm mx-auto my-4 bg-iso-gray-900 border border-iso-gray-500 rounded-lg overflow-hidden"
        >
            <div class="flex flex-col">
                <div
                    class="leading-10 py-1 bg-iso-gray-500 bg-opacity-50 text-center text-sm text-white relative"
                >
                    <div class="flex">
                        <p class="w-1/2">免费用户</p>

                        <p class="w-1/2">
                            <span class="text-yellow-500"> VIP </span>
                            用户
                        </p>
                    </div>

                    <span
                        class="absolute right-5 top-2.5 text-white cursor-pointer"
                        @click="index = 0"
                    >
                        <svg
                            xmlns="http://www.w3.org/2000/svg"
                            fill="none"
                            viewBox="0 0 24 24"
                            stroke-width="1.5"
                            stroke="currentColor"
                            class="size-5"
                        >
                            <path
                                stroke-linecap="round"
                                stroke-linejoin="round"
                                d="M6 18 18 6M6 6l12 12"
                            />
                        </svg>
                    </span>
                </div>

                <div class="flex">
                    <div class="w-1/2">
                        <div class="w-3/5 mx-auto text-white py-10">
                            <p class="flex items-end text-iso-blue-600">
                                <span class="mx-2">
                                    <svg
                                        xmlns="http://www.w3.org/2000/svg"
                                        fill="none"
                                        viewBox="0 0 24 24"
                                        stroke-width="1.5"
                                        stroke="currentColor"
                                        class="size-6"
                                    >
                                        <path
                                            stroke-linecap="round"
                                            stroke-linejoin="round"
                                            d="m9 7.5 3 4.5m0 0 3-4.5M12 12v5.25M15 12H9m6 3H9m12-3a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
                                        />
                                    </svg>
                                </span>
                                <span class="text-xl">0.00元</span>
                                <span class="text-sm text-gray-600"> /月 </span>
                            </p>

                            <ul class="my-5">
                                <li>
                                    <p class="flex h-8 leading-8 text-xs">
                                        <span class="m-2 text-blue-600">
                                            <svg
                                                class="size-4"
                                                viewBox="0 0 24 24"
                                                version="1.1"
                                                xmlns="http://www.w3.org/2000/svg"
                                                xmlns:xlink="http://www.w3.org/1999/xlink"
                                                fill="#2A82E4"
                                                stroke="#2A82E4"
                                            >
                                                <g
                                                    id="🔍-Product-Icons"
                                                    stroke="none"
                                                    stroke-width="1"
                                                    fill="none"
                                                    fill-rule="evenodd"
                                                >
                                                    <g
                                                        id="ic_fluent_checkbox_checked_24_regular"
                                                        fill="#2A82E4"
                                                        fill-rule="nonzero"
                                                    >
                                                        <path
                                                            d="M18.25,3 C19.7687831,3 21,4.23121694 21,5.75 L21,18.25 C21,19.7687831 19.7687831,21 18.25,21 L5.75,21 C4.23121694,21 3,19.7687831 3,18.25 L3,5.75 C3,4.23121694 4.23121694,3 5.75,3 L18.25,3 Z M18.25,4.5 L5.75,4.5 C5.05964406,4.5 4.5,5.05964406 4.5,5.75 L4.5,18.25 C4.5,18.9403559 5.05964406,19.5 5.75,19.5 L18.25,19.5 C18.9403559,19.5 19.5,18.9403559 19.5,18.25 L19.5,5.75 C19.5,5.05964406 18.9403559,4.5 18.25,4.5 Z M10,14.4393398 L16.4696699,7.96966991 C16.7625631,7.6767767 17.2374369,7.6767767 17.5303301,7.96966991 C17.7965966,8.23593648 17.8208027,8.65260016 17.6029482,8.94621165 L17.5303301,9.03033009 L10.5303301,16.0303301 C10.2640635,16.2965966 9.84739984,16.3208027 9.55378835,16.1029482 L9.46966991,16.0303301 L6.46966991,13.0303301 C6.1767767,12.7374369 6.1767767,12.2625631 6.46966991,11.9696699 C6.73593648,11.7034034 7.15260016,11.6791973 7.44621165,11.8970518 L7.53033009,11.9696699 L10,14.4393398 L16.4696699,7.96966991 L10,14.4393398 Z"
                                                            id="🎨Color"
                                                        ></path>
                                                    </g>
                                                </g>
                                            </svg>
                                        </span>
                                        <span> 查标准</span>
                                    </p>
                                </li>
                                <li>
                                    <p class="flex h-8 leading-8 text-xs">
                                        <span class="m-2 text-blue-600">
                                            <svg
                                                class="size-4"
                                                viewBox="0 0 24 24"
                                                version="1.1"
                                                xmlns="http://www.w3.org/2000/svg"
                                                xmlns:xlink="http://www.w3.org/1999/xlink"
                                                fill="#2A82E4"
                                                stroke="#2A82E4"
                                            >
                                                <g
                                                    id="🔍-Product-Icons"
                                                    stroke="none"
                                                    stroke-width="1"
                                                    fill="none"
                                                    fill-rule="evenodd"
                                                >
                                                    <g
                                                        id="ic_fluent_checkbox_checked_24_regular"
                                                        fill="#2A82E4"
                                                        fill-rule="nonzero"
                                                    >
                                                        <path
                                                            d="M18.25,3 C19.7687831,3 21,4.23121694 21,5.75 L21,18.25 C21,19.7687831 19.7687831,21 18.25,21 L5.75,21 C4.23121694,21 3,19.7687831 3,18.25 L3,5.75 C3,4.23121694 4.23121694,3 5.75,3 L18.25,3 Z M18.25,4.5 L5.75,4.5 C5.05964406,4.5 4.5,5.05964406 4.5,5.75 L4.5,18.25 C4.5,18.9403559 5.05964406,19.5 5.75,19.5 L18.25,19.5 C18.9403559,19.5 19.5,18.9403559 19.5,18.25 L19.5,5.75 C19.5,5.05964406 18.9403559,4.5 18.25,4.5 Z M10,14.4393398 L16.4696699,7.96966991 C16.7625631,7.6767767 17.2374369,7.6767767 17.5303301,7.96966991 C17.7965966,8.23593648 17.8208027,8.65260016 17.6029482,8.94621165 L17.5303301,9.03033009 L10.5303301,16.0303301 C10.2640635,16.2965966 9.84739984,16.3208027 9.55378835,16.1029482 L9.46966991,16.0303301 L6.46966991,13.0303301 C6.1767767,12.7374369 6.1767767,12.2625631 6.46966991,11.9696699 C6.73593648,11.7034034 7.15260016,11.6791973 7.44621165,11.8970518 L7.53033009,11.9696699 L10,14.4393398 L16.4696699,7.96966991 L10,14.4393398 Z"
                                                            id="🎨Color"
                                                        ></path>
                                                    </g>
                                                </g>
                                            </svg>
                                        </span>
                                        <span> 单次生成<1000 Token </span>
                                    </p>
                                </li>
                                <li>
                                    <p class="flex h-8 leading-8 text-xs">
                                        <span class="m-2 text-blue-600">
                                            <svg
                                                class="size-4"
                                                viewBox="0 0 24 24"
                                                version="1.1"
                                                xmlns="http://www.w3.org/2000/svg"
                                                xmlns:xlink="http://www.w3.org/1999/xlink"
                                                fill="#2A82E4"
                                                stroke="#2A82E4"
                                            >
                                                <g
                                                    id="🔍-Product-Icons"
                                                    stroke="none"
                                                    stroke-width="1"
                                                    fill="none"
                                                    fill-rule="evenodd"
                                                >
                                                    <g
                                                        id="ic_fluent_checkbox_checked_24_regular"
                                                        fill="#2A82E4"
                                                        fill-rule="nonzero"
                                                    >
                                                        <path
                                                            d="M18.25,3 C19.7687831,3 21,4.23121694 21,5.75 L21,18.25 C21,19.7687831 19.7687831,21 18.25,21 L5.75,21 C4.23121694,21 3,19.7687831 3,18.25 L3,5.75 C3,4.23121694 4.23121694,3 5.75,3 L18.25,3 Z M18.25,4.5 L5.75,4.5 C5.05964406,4.5 4.5,5.05964406 4.5,5.75 L4.5,18.25 C4.5,18.9403559 5.05964406,19.5 5.75,19.5 L18.25,19.5 C18.9403559,19.5 19.5,18.9403559 19.5,18.25 L19.5,5.75 C19.5,5.05964406 18.9403559,4.5 18.25,4.5 Z M10,14.4393398 L16.4696699,7.96966991 C16.7625631,7.6767767 17.2374369,7.6767767 17.5303301,7.96966991 C17.7965966,8.23593648 17.8208027,8.65260016 17.6029482,8.94621165 L17.5303301,9.03033009 L10.5303301,16.0303301 C10.2640635,16.2965966 9.84739984,16.3208027 9.55378835,16.1029482 L9.46966991,16.0303301 L6.46966991,13.0303301 C6.1767767,12.7374369 6.1767767,12.2625631 6.46966991,11.9696699 C6.73593648,11.7034034 7.15260016,11.6791973 7.44621165,11.8970518 L7.53033009,11.9696699 L10,14.4393398 L16.4696699,7.96966991 L10,14.4393398 Z"
                                                            id="🎨Color"
                                                        ></path>
                                                    </g>
                                                </g>
                                            </svg>
                                        </span>
                                        <span> 新功能上线免费体验</span>
                                    </p>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="w-1/2 border-l border-iso-gray-400 text-white">
                        <div class="w-3/5 mx-auto py-10">
                            <div class="flex items-end text-iso-blue-600">
                                <span class="mx-2">
                                    <svg
                                        xmlns="http://www.w3.org/2000/svg"
                                        fill="none"
                                        viewBox="0 0 24 24"
                                        stroke-width="1.5"
                                        stroke="currentColor"
                                        class="size-6"
                                    >
                                        <path
                                            stroke-linecap="round"
                                            stroke-linejoin="round"
                                            d="m9 7.5 3 4.5m0 0 3-4.5M12 12v5.25M15 12H9m6 3H9m12-3a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
                                        />
                                    </svg>
                                </span>
                                <span class="text-xl">9.9元</span>

                                <div class="flex flex-col">
                                    <p class="text-xs">
                                        <span
                                            class="text-gray-600 line-through"
                                        >
                                            29.9元
                                        </span>
                                        <span class="text-red-500"> 限时 </span>
                                    </p>

                                    <span class="text-sm text-gray-600">
                                        /月
                                    </span>
                                </div>
                            </div>

                            <ul class="my-5">
                                <li>
                                    <p class="flex h-8 leading-8 text-xs">
                                        <span class="m-2 text-blue-600">
                                            <svg
                                                class="size-4"
                                                viewBox="0 0 24 24"
                                                version="1.1"
                                                xmlns="http://www.w3.org/2000/svg"
                                                xmlns:xlink="http://www.w3.org/1999/xlink"
                                                fill="#2A82E4"
                                                stroke="#2A82E4"
                                            >
                                                <g
                                                    id="🔍-Product-Icons"
                                                    stroke="none"
                                                    stroke-width="1"
                                                    fill="none"
                                                    fill-rule="evenodd"
                                                >
                                                    <g
                                                        id="ic_fluent_checkbox_checked_24_regular"
                                                        fill="#2A82E4"
                                                        fill-rule="nonzero"
                                                    >
                                                        <path
                                                            d="M18.25,3 C19.7687831,3 21,4.23121694 21,5.75 L21,18.25 C21,19.7687831 19.7687831,21 18.25,21 L5.75,21 C4.23121694,21 3,19.7687831 3,18.25 L3,5.75 C3,4.23121694 4.23121694,3 5.75,3 L18.25,3 Z M18.25,4.5 L5.75,4.5 C5.05964406,4.5 4.5,5.05964406 4.5,5.75 L4.5,18.25 C4.5,18.9403559 5.05964406,19.5 5.75,19.5 L18.25,19.5 C18.9403559,19.5 19.5,18.9403559 19.5,18.25 L19.5,5.75 C19.5,5.05964406 18.9403559,4.5 18.25,4.5 Z M10,14.4393398 L16.4696699,7.96966991 C16.7625631,7.6767767 17.2374369,7.6767767 17.5303301,7.96966991 C17.7965966,8.23593648 17.8208027,8.65260016 17.6029482,8.94621165 L17.5303301,9.03033009 L10.5303301,16.0303301 C10.2640635,16.2965966 9.84739984,16.3208027 9.55378835,16.1029482 L9.46966991,16.0303301 L6.46966991,13.0303301 C6.1767767,12.7374369 6.1767767,12.2625631 6.46966991,11.9696699 C6.73593648,11.7034034 7.15260016,11.6791973 7.44621165,11.8970518 L7.53033009,11.9696699 L10,14.4393398 L16.4696699,7.96966991 L10,14.4393398 Z"
                                                            id="🎨Color"
                                                        ></path>
                                                    </g>
                                                </g>
                                            </svg>
                                        </span>
                                        <span> 查标准</span>
                                    </p>
                                </li>
                                <li>
                                    <p class="flex h-8 leading-8 text-sm">
                                        <span class="m-2 text-blue-600">
                                            <svg
                                                class="size-4"
                                                viewBox="0 0 24 24"
                                                version="1.1"
                                                xmlns="http://www.w3.org/2000/svg"
                                                xmlns:xlink="http://www.w3.org/1999/xlink"
                                                fill="#2A82E4"
                                                stroke="#2A82E4"
                                            >
                                                <g
                                                    id="🔍-Product-Icons"
                                                    stroke="none"
                                                    stroke-width="1"
                                                    fill="none"
                                                    fill-rule="evenodd"
                                                >
                                                    <g
                                                        id="ic_fluent_checkbox_checked_24_regular"
                                                        fill="#2A82E4"
                                                        fill-rule="nonzero"
                                                    >
                                                        <path
                                                            d="M18.25,3 C19.7687831,3 21,4.23121694 21,5.75 L21,18.25 C21,19.7687831 19.7687831,21 18.25,21 L5.75,21 C4.23121694,21 3,19.7687831 3,18.25 L3,5.75 C3,4.23121694 4.23121694,3 5.75,3 L18.25,3 Z M18.25,4.5 L5.75,4.5 C5.05964406,4.5 4.5,5.05964406 4.5,5.75 L4.5,18.25 C4.5,18.9403559 5.05964406,19.5 5.75,19.5 L18.25,19.5 C18.9403559,19.5 19.5,18.9403559 19.5,18.25 L19.5,5.75 C19.5,5.05964406 18.9403559,4.5 18.25,4.5 Z M10,14.4393398 L16.4696699,7.96966991 C16.7625631,7.6767767 17.2374369,7.6767767 17.5303301,7.96966991 C17.7965966,8.23593648 17.8208027,8.65260016 17.6029482,8.94621165 L17.5303301,9.03033009 L10.5303301,16.0303301 C10.2640635,16.2965966 9.84739984,16.3208027 9.55378835,16.1029482 L9.46966991,16.0303301 L6.46966991,13.0303301 C6.1767767,12.7374369 6.1767767,12.2625631 6.46966991,11.9696699 C6.73593648,11.7034034 7.15260016,11.6791973 7.44621165,11.8970518 L7.53033009,11.9696699 L10,14.4393398 L16.4696699,7.96966991 L10,14.4393398 Z"
                                                            id="🎨Color"
                                                        ></path>
                                                    </g>
                                                </g>
                                            </svg>
                                        </span>
                                        <span> 单次生成<5000 Token </span>
                                    </p>
                                </li>
                                <li>
                                    <p class="flex h-8 leading-8 text-xs">
                                        <span class="m-2 text-blue-600">
                                            <svg
                                                class="size-4"
                                                viewBox="0 0 24 24"
                                                version="1.1"
                                                xmlns="http://www.w3.org/2000/svg"
                                                xmlns:xlink="http://www.w3.org/1999/xlink"
                                                fill="#2A82E4"
                                                stroke="#2A82E4"
                                            >
                                                <g
                                                    id="🔍-Product-Icons"
                                                    stroke="none"
                                                    stroke-width="1"
                                                    fill="none"
                                                    fill-rule="evenodd"
                                                >
                                                    <g
                                                        id="ic_fluent_checkbox_checked_24_regular"
                                                        fill="#2A82E4"
                                                        fill-rule="nonzero"
                                                    >
                                                        <path
                                                            d="M18.25,3 C19.7687831,3 21,4.23121694 21,5.75 L21,18.25 C21,19.7687831 19.7687831,21 18.25,21 L5.75,21 C4.23121694,21 3,19.7687831 3,18.25 L3,5.75 C3,4.23121694 4.23121694,3 5.75,3 L18.25,3 Z M18.25,4.5 L5.75,4.5 C5.05964406,4.5 4.5,5.05964406 4.5,5.75 L4.5,18.25 C4.5,18.9403559 5.05964406,19.5 5.75,19.5 L18.25,19.5 C18.9403559,19.5 19.5,18.9403559 19.5,18.25 L19.5,5.75 C19.5,5.05964406 18.9403559,4.5 18.25,4.5 Z M10,14.4393398 L16.4696699,7.96966991 C16.7625631,7.6767767 17.2374369,7.6767767 17.5303301,7.96966991 C17.7965966,8.23593648 17.8208027,8.65260016 17.6029482,8.94621165 L17.5303301,9.03033009 L10.5303301,16.0303301 C10.2640635,16.2965966 9.84739984,16.3208027 9.55378835,16.1029482 L9.46966991,16.0303301 L6.46966991,13.0303301 C6.1767767,12.7374369 6.1767767,12.2625631 6.46966991,11.9696699 C6.73593648,11.7034034 7.15260016,11.6791973 7.44621165,11.8970518 L7.53033009,11.9696699 L10,14.4393398 L16.4696699,7.96966991 L10,14.4393398 Z"
                                                            id="🎨Color"
                                                        ></path>
                                                    </g>
                                                </g>
                                            </svg>
                                        </span>
                                        <span>标准可在线预览</span>
                                    </p>
                                </li>
                                <li>
                                    <p class="flex h-8 leading-8 text-xs">
                                        <span class="m-2 text-blue-600">
                                            <svg
                                                class="size-4"
                                                viewBox="0 0 24 24"
                                                version="1.1"
                                                xmlns="http://www.w3.org/2000/svg"
                                                xmlns:xlink="http://www.w3.org/1999/xlink"
                                                fill="#2A82E4"
                                                stroke="#2A82E4"
                                            >
                                                <g
                                                    id="🔍-Product-Icons"
                                                    stroke="none"
                                                    stroke-width="1"
                                                    fill="none"
                                                    fill-rule="evenodd"
                                                >
                                                    <g
                                                        id="ic_fluent_checkbox_checked_24_regular"
                                                        fill="#2A82E4"
                                                        fill-rule="nonzero"
                                                    >
                                                        <path
                                                            d="M18.25,3 C19.7687831,3 21,4.23121694 21,5.75 L21,18.25 C21,19.7687831 19.7687831,21 18.25,21 L5.75,21 C4.23121694,21 3,19.7687831 3,18.25 L3,5.75 C3,4.23121694 4.23121694,3 5.75,3 L18.25,3 Z M18.25,4.5 L5.75,4.5 C5.05964406,4.5 4.5,5.05964406 4.5,5.75 L4.5,18.25 C4.5,18.9403559 5.05964406,19.5 5.75,19.5 L18.25,19.5 C18.9403559,19.5 19.5,18.9403559 19.5,18.25 L19.5,5.75 C19.5,5.05964406 18.9403559,4.5 18.25,4.5 Z M10,14.4393398 L16.4696699,7.96966991 C16.7625631,7.6767767 17.2374369,7.6767767 17.5303301,7.96966991 C17.7965966,8.23593648 17.8208027,8.65260016 17.6029482,8.94621165 L17.5303301,9.03033009 L10.5303301,16.0303301 C10.2640635,16.2965966 9.84739984,16.3208027 9.55378835,16.1029482 L9.46966991,16.0303301 L6.46966991,13.0303301 C6.1767767,12.7374369 6.1767767,12.2625631 6.46966991,11.9696699 C6.73593648,11.7034034 7.15260016,11.6791973 7.44621165,11.8970518 L7.53033009,11.9696699 L10,14.4393398 L16.4696699,7.96966991 L10,14.4393398 Z"
                                                            id="🎨Color"
                                                        ></path>
                                                    </g>
                                                </g>
                                            </svg>
                                        </span>
                                        <span>可下载标准5份/天</span>
                                    </p>
                                </li>
                                <li>
                                    <p class="flex h-8 leading-8 text-xs">
                                        <span class="m-2 text-blue-600">
                                            <svg
                                                class="size-4"
                                                viewBox="0 0 24 24"
                                                version="1.1"
                                                xmlns="http://www.w3.org/2000/svg"
                                                xmlns:xlink="http://www.w3.org/1999/xlink"
                                                fill="#2A82E4"
                                                stroke="#2A82E4"
                                            >
                                                <g
                                                    id="🔍-Product-Icons"
                                                    stroke="none"
                                                    stroke-width="1"
                                                    fill="none"
                                                    fill-rule="evenodd"
                                                >
                                                    <g
                                                        id="ic_fluent_checkbox_checked_24_regular"
                                                        fill="#2A82E4"
                                                        fill-rule="nonzero"
                                                    >
                                                        <path
                                                            d="M18.25,3 C19.7687831,3 21,4.23121694 21,5.75 L21,18.25 C21,19.7687831 19.7687831,21 18.25,21 L5.75,21 C4.23121694,21 3,19.7687831 3,18.25 L3,5.75 C3,4.23121694 4.23121694,3 5.75,3 L18.25,3 Z M18.25,4.5 L5.75,4.5 C5.05964406,4.5 4.5,5.05964406 4.5,5.75 L4.5,18.25 C4.5,18.9403559 5.05964406,19.5 5.75,19.5 L18.25,19.5 C18.9403559,19.5 19.5,18.9403559 19.5,18.25 L19.5,5.75 C19.5,5.05964406 18.9403559,4.5 18.25,4.5 Z M10,14.4393398 L16.4696699,7.96966991 C16.7625631,7.6767767 17.2374369,7.6767767 17.5303301,7.96966991 C17.7965966,8.23593648 17.8208027,8.65260016 17.6029482,8.94621165 L17.5303301,9.03033009 L10.5303301,16.0303301 C10.2640635,16.2965966 9.84739984,16.3208027 9.55378835,16.1029482 L9.46966991,16.0303301 L6.46966991,13.0303301 C6.1767767,12.7374369 6.1767767,12.2625631 6.46966991,11.9696699 C6.73593648,11.7034034 7.15260016,11.6791973 7.44621165,11.8970518 L7.53033009,11.9696699 L10,14.4393398 L16.4696699,7.96966991 L10,14.4393398 Z"
                                                            id="🎨Color"
                                                        ></path>
                                                    </g>
                                                </g>
                                            </svg>
                                        </span>
                                        <span> 新功能上线免费使用一个月 </span>
                                    </p>
                                </li>
                                <li class="flex items-center">
                                    <template v-if="item.code_url">
                                        <QrcodeVue
                                            class="-ml-12 h-16 w-16"
                                            :value="item.code_url"
                                            :size="size"
                                        ></QrcodeVue>
                                    </template>
                                    <template v-else>
                                        <img
                                            class="-ml-12 h-16 w-16"
                                            src="/qr-01.jpg"
                                            alt="qr"
                                        />
                                    </template>
                                    <span class="ml-4 text-yellow-500 text-xs">
                                        扫描支付立即体验
                                    </span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
